<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />

    <script type="text/javascript" src="../js/common/jquery-2.1.1.min.js"></script>
    <script src="../js/common/swiper.jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/common/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/common/js.js" type="text/javascript"></script>
    <script src="../js/building_circle.js" type="text/javascript"></script>
</head>
<style>
    .ringlist {
        margin: 0;
        width: 100%;
    }

    .ringlist .ringitem {
        margin-bottom: 1px;
        border-radius: 0;
    }

    .ringlist .rilipic {
        width: 2.3rem;
        height: 2.3rem;
    }

    .build_content {
        margin: .15rem 0;
        font-size: .28rem;
        color: rgb(51, 51, 51);
        overflow: hidden;
    }

    .plusBannerSwiper {
        width: 100%;
        overflow: inherit;
    }

    .plusBannerSwiper .swiper-pagination {
        bottom: -0.5rem;
        color: white;
    }
</style>

<body>
    <!-- 顶部 -->
    <div class="header">
        <a href="fox://setBack" class="hele"></a>
        <h1 class="hetitle">我的建材圈</h1>
    </div>
    <!-- 我的建材圈 -->
    <div id="page" class="page m2">
        <div class="sh_delsit ringlist" style="display: block;"></div>
        <p class="notMore">别拉了 - 疼</p>
    </div>

    <!-- 遮罩层 -->
    <div class="mask"></div>
    <div class="dialog" id="plusBanner" onclick="modelClose()">
        <div class="dialog_wrap dialog_content" style="background:transparent;">
            <div class="swiper-container plusBannerSwiper">
                <div class="swiper-wrapper"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>

    <!--筛选弹窗-->
    <div class="dialog" id="d1">
        <div class="dialog_content">
            <div class="diaconll_pro">
                <p class="diacoll_protitle">是否删除？</p>
                <div class="diacoll_prod">
                    <button class="diacoll_prolink" id="checkDel">确认</button>
                    <button class="diacoll_prolink on" onclick="dialogClose()">取消</button>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" data-forum_id="" class="forum_id">

    <script>
        function modelClose() {
            $('.mask').hide();
            $('.mask').css('background', 'rgba(0,0,0,.4)');
            $(".dialog").hide();
        }
        $(function() {
            // 图片放大轮播
            $(document).on('click', '.plusBanner', function() {
                $('.mask').css('background', 'black');
                let img = $(this).attr('data-url');
                let arr = [];
                $('.showImg').attr('src', img);
                dialog('#plusBanner');
                for (var i = 0; i < $(this).parent().find("img").length; i++) {
                    arr.push($(this).parent().find("img").eq(i).attr("data-url"));
                }
                let html = '';
                arr.forEach(item => {
                    html += `
                        <div class="swiper-slide">
                            <img class="showImg" src="${item}" alt="">
                        </div>
                    `;
                })
                $('.plusBannerSwiper .swiper-wrapper').html(html);
                // banner轮播
                new Swiper('.plusBannerSwiper', {
                    // pagination: '.swiper-pagination',
                    paginationType: 'fraction',
                    loop: true,
                    observer: true,
                    observeParents: true
                })
            })
        })
    </script>

</body>

</html>